//定义商品类别组件
Vue.component("category",{
	//--> data : {list : []}
	data(){
		return{
			clist :[]
		};
	},
	template :
		`
		<div class="span24">
			<ul class="mainNav">
				<li><a href="index.html">首页</a> |</li>
				<li><a v-for="c in clist" href="clist.html?1&pageIndex=1">
				{{c.cname}} </a> |</li>					
			</ul>
		</div>
		`,
		created(){
			axios.get("clist.s").then(res=>{
				this.clist = res.data;
			});
		}
});


Vue.component("foot",{
	data(){
		
	},
	template:
		`
 <div>	
	<div class="span24">
		<div class="footerAd">
			<img src="image/footer.jpg" width="950" height="52" alt="我们的优势" title="我们的优势">
		</div>	
	</div>
	<div class="span24">
		<ul class="bottomNav">
					<li>
						<a>关于我们</a>
						|
					</li>
					<li>
						<a>联系我们</a>
						|
					</li>
					<li>
						<a>招贤纳士</a>
						|
					</li>
					<li>
						<a>法律声明</a>
						|
					</li>
					<li>
						<a>友情链接</a>
						|
					</li>
					<li>
						<a target="_blank">支付方式</a>
						|
					</li>
					<li>
						<a target="_blank">配送方式</a>
						|
					</li>
					<li>
						<a>服务声明</a>
						|
					</li>
					<li>
						<a>广告声明</a>
						
					</li>
		</ul>
	</div>
	<div class="span24">
		<div class="copyright">Copyright © 2005-2013 大麦商城 版权所有</div>
	</div>
 </div>
		`,
		created(){
		
	}
});